<template>
  <v-table :columns="columns" :data="state.Data" />
</template>

<script lang="ts" setup>
  import { ref } from 'vue'

  const columns = [
    { type: 'index', label: '序号', width: '50', align: 'center' },
    { label: '名称', prop: 'name', subassembly: 'ElInput' },
    { label: 'date', prop: 'date', subassembly: 'ElInput' },
    { label: 'address', prop: 'address', subassembly: 'ElInput' },
  ]

  const state = ref({
    Data: [
      { date: '2016-05-01', name: 'Tom', address: 'No. Angeles', edit: true },
      { date: '2016-05-02', name: 'Rollen', address: 'No. 189, Grove St, Los Angeles' },
      { date: '2016-05-03', name: 'Joke', address: 'No. 189, Grove St, Los Angeles' },
      { date: '2016-05-04', name: 'TIM', address: 'No. 189, Grove St, Los Angeles' },
    ],
  })
</script>
